<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://www.extremecomponents.org" prefix="ec"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="includeCSSjs.jsp" />

<script type="text/javascript">
	function onTableClick(idActividad, idRotacionesHasActividad,
			nombreActividad, cargado, periodoEvaluacion, porcentajeActividad) {

		$("#codigoRotAct").val(idRotacionesHasActividad);
		$("#periodoEvaluacion").val(periodoEvaluacion);
		getActividad(idActividad, nombreActividad);
		$("#cargado").val(cargado);
		$("#porcentajeActividad").val(porcentajeActividad);
		showEdit();
	}

	function getActividad(idActividad, nombreActividad) {
		$("#idActividad").val(idActividad);
		$("#nombreActividad").val(nombreActividad);
	}

	function showEdit() {
		$(".editbutton_div").hide("fast");
		$(".button_div").hide("slow");
		$(".editbutton_div").show("slow");

	}

	function hiddenEdit() {
		$(".editbutton_div").hide("fast");
		$(".button_div").show("slow");
	}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Materia Ponderacion</title>
</head>
<body>

	<div id="container">

		<!-- Aqui va el menu -->
		<jsp:include page="menu.jsp" />
		<div id="content">


			<form:form method="post" action="addRotActividad"
				commandName="rotact">

				<h2 class="divTextoEncabezado">Actividades de
					${rotact.tbRotaciones.tbSedeSeccionHasMateria.tbMateria.nombreMateria}-
					${rotact.tbRotaciones.tbSedeSeccionHasMateria.tbSedeHasSeccion.tbSeccion.nombreSeccion}</h2>
				<form:errors path="*" cssClass="errorblock" element="div" />
				<c:if test="${not empty error}">
					<div class="errorblock">${error}</div>
				</c:if>
				<table>
					<form:hidden path="idRotacionesHasActividad" id="codigoRotAct" />
					<form:hidden path="tbRotaciones.idtbRotaciones" id="idtbRotaciones" />
					<form:hidden
						path="tbRotaciones.tbSedeSeccionHasMateria.idSedeSeccionHasMateria"
						id="idSedeSeccionHasMateria" />
					<form:hidden
						path="tbRotaciones.tbSedeSeccionHasMateria.tbMateria.nombreMateria"
						id="nombreMateria" />
					<form:hidden path="tbActividad.idActividad" id="idActividad" />
					<form:hidden path="cargado" id="cargado" />

					<tr>
						<td><form:label path="tbActividad.nombreActividad"
								class="text0">Actividad </form:label></td>
						<td><form:input path="tbActividad.nombreActividad"
								id="nombreActividad" class="required inputTextFacturaAgregar" /><input
							type="button" id="buscar" name="buscar"
							class="inputBoton botonLupa"
							onclick="TINY.box.show({iframe:'<%request.getContextPath();%>findActividad',boxid:'frameless',width:600,height:350,fixed:true,maskid:'bluemask',maskopacity:100})">
						</td>
						<td><form:errors path="tbActividad.nombreActividad*"
								cssClass="error" /></td>
					</tr>

					<tr>
						<td><form:label class="text0" path="periodoEvaluacion">Periodo</form:label></td>
						<td><form:select path="periodoEvaluacion" size="1"
								id="periodoEvaluacion" class="required cmbFactura1">
								<form:options items="${periodoList}" itemValue="idPeriodo"
									itemLabel="nombrePeriodo" />
							</form:select></td>
					</tr>

					<tr>
						<td><form:label path="porcentajeActividad" class="text0">Porcentaje </form:label></td>
						<td><form:input path="porcentajeActividad"
								id="porcentajeActividad"
								class="required inputTextFacturaAgregar" /></td>
						<td><form:errors path="porcentajeActividad*" cssClass="error" /></td>
					</tr>



				</table>
				<center>
					<div class="button_div">
						<input name="Submit" type="submit" value="Agregar" class="buttons" />
					</div>
					<div class="editbutton_div" style="display: none">
						<input name="Submit" type="submit" value="Editar" class="buttons"
							onclick="edit('rotact','updateRotActividad')" /> <input
							name="Submit" type="submit" value="Cancelar" class="buttons"
							onclick="edit('rotact','showRotActividad?id=${rotact.tbRotaciones.idtbRotaciones}')" />
						<input name="Submit" type="submit" value="Cargar" class="buttons"
							onclick="edit('rotact','addExpActividad')" /> <input
							name="Submit" type="submit" value="Evaluar Actividad"
							class="buttons"
							onclick="edit('rotact','showAlumnosActividad?id=${rotact.tbRotaciones.idtbRotaciones}')" />
					</div>
				</center>

			</form:form>

			<!-- Extreme Table  -->
			<ec:table items="rotactList"
				action="${pageContext.request.contextPath}/showRotActividad?id=${rotact.tbRotaciones.idtbRotaciones}"
				view="compact"
				imagePath="${pageContext.request.contextPath}/resources/images/compact/*.gif"
				rowsDisplayed="8" autoIncludeParameters="false" var="rotact">
				<ec:row highlightRow="true"
					onclick="onTableClick(	'${pageScope.rotact.tbActividad.idActividad}',
								'${pageScope.rotact.idRotacionesHasActividad}',
								'${pageScope.rotact.tbActividad.nombreActividad}',
								'${pageScope.rotact.cargado}',
								'${pageScope.rotact.periodoEvaluacion}',
								'${pageScope.rotact.porcentajeActividad}');">
					<ec:column property="idRotacionesHasActividad" title="Id" />
					<ec:column property="periodoEvaluacion" title="Periodo" />
					<ec:column property="tbActividad.nombreActividad" title="Actividad" />
					<ec:column property="porcentajeActividad" title="Porc. %" />

				</ec:row>
			</ec:table>
		</div>
	</div>
</body>
</html>